<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>将其他数据类型转换为number</title>
</head>
<body>
<script>
    /*将其他数据类型转换成number 方法如下
    *   1.使用Number()函数
    *       字符串-->number
    *         (1)如果是纯数字的字符串，则将其直接转换为数字
    *         (2)如果字符串中有非数字内容，则转换为NaN
    *         (3)如果字符串中是一个空串或者全是一个空格的空字符串，则返回0
    *       布尔值-->number
    *           true  转为1
    *           false 转为0
    *       Null-->number 转换为0
    *   2.专门用字符串-->number的
    *       (1)使用函数parseInt() 取整数
    *       (2)使用函数parseFloat() 取整数和小数
    * */
    //1.如果是纯数字的字符串，则将其直接转换为数字
    var a="789";
        a=Number(a);
    console.log(typeof a);
    console.log(a);//直接转换为数字
    //2.如果字符串中有非数字内容，则转换为NaN
    var b="abcd";
    b=Number(b);
    console.log(typeof b);
    console.log(b);//返回NaN
    //3.如果字符串中是一个空串或者全是一个空格的空字符串，则返回0
    var c=" ";
    c=Number(c);
    console.log(typeof c);
    console.log(c);//返回0
    //4.布尔值-->数字 true 转为1
    var d=true;
    d=Number(d);
    console.log(typeof d);
    console.log(d);//返回1
    //5布尔值-->数字 false 转为0
    var e=false;
    e=Number(e);
    console.log(typeof e);
    console.log(e);//返回0
    //6.null-->数字  转为0
    var f=null;
    f=Number(f);
    console.log(typeof f);
    console.log(f);//返回0
    //7.Undefined-->数字  转为NaN
    var g=undefined;
    g=Number(g);
    console.log(typeof g);
    console.log(g);//返回 NaN
    //8.字符串-->数字  转为parseInt取整数
    var h="123px";
   h=parseInt(h);
    console.log(typeof h);
    console.log(h);//返回123
    //9.字符串-->数字  转为parseFloat取整数和小数
    var z="123.75px";
    z=parseFloat(z);
    console.log(typeof z);
    console.log(z);//返回123.75
</script>
</body>
</html>